<script setup>
import 'bootstrap/dist/css/bootstrap.min.css'
import "bootstrap-icons/font/bootstrap-icons.css"

import {useRoute} from 'vue-router'
import {defineAsyncComponent} from "vue";

const route = useRoute()


const asyncComponent = defineAsyncComponent(() => {
  return new Promise((resolve, reject) => {
    switch (route.path) {
      case '/school/jl01':
        resolve(import("@/components/view/school/Jl01.vue"))
        break
      case '/school/jl02':
        resolve(import("@/components/view/school/Jl02.vue"))
        break
      case '/school/jl03':
        resolve(import("@/components/view/school/Jl03.vue"))
        break
      case '/school/jl04':
        resolve(import("@/components/view/school/Jl04.vue"))
        break
      case '/school/jl05':
        resolve(import("@/components/view/school/Jl05.vue"))
        break
    }
  })
})


</script>

<template>

  <section class="elementor-section elementor-section-header">
    <div class="elementor-container">
    </div>
  </section>

  <div class="container">
    <asyncComponent/>
  </div>

  <div class="container">
    <div class="chinaTitle">
      <img src="/src/assets/images/chinaPic.png"/>
    </div>
    <div class="botPicAll">
      <img class="one" src="../../assets/images/rkPic.png"/>
    </div>
  </div>
  <div class="container">更多问题请与我们的工程师联系</div>

</template>

<style scoped>
.elementor-section-header {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  background-color: #000000;
  background-image: url("/src/assets/images/img/science-in-hd-pAzSrQF3XUQ-unsplash.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.elementor-section {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #6c6c6c;
  word-wrap: break-word;
  box-sizing: border-box;
  position: relative;
  background: url("/src/assets/images/img/304所.jpg") no-repeat;
  background-size: 100% 100%;
}

.elementor-container {
  min-height: 400px;
  max-width: 1200px;
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

h2.elementor-heading-title {
  font-size: 24px;
  color: #fce497;
}

h3.elementor-heading-title {
  font-size: 75px;
  color: #ffffff;
}

img {
  height: auto;
  max-width: 100%;
}
.chinaTitle{
  width:  561px;
  height:66px;
  margin:  80px auto;
}

</style>